@charset "utf-8";
@import "mixin.scss";
#header{
    height: r(88);
    padding: 0;
    background: #fff;
    text-align: left;
    box-shadow: none;
    @include border-1px(#666);
    .image{
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: r(88);
        height: r(88);
        text-align: center;
        .icon{
            display: inline-block;
            vertical-align: middle;
            width: r(36);
            height: r(36);
            margin-top: 50%;
            transform: translateY(-50%);
            @include bg-image('../images/back');
            background-repeat: no-repeat;
        }
    }
    .title{
        margin: 0;
        text-align: center;
        font-size: r(38);
        height: r(88);
        line-height: r(88);
    }
}
#main{
    margin: r(120) r(73) 0;
    .group{
        background: #fff;
        >div{
            position: relative;
        }
        div:nth-of-type(1)>div{
            position: absolute;
            right: r(10);
            top: 0;
            font-size: r(28);
            color: #CACACA;
            width: r(190);
            height: r(58);
            line-height: r(58);
            border: 1px solid #cacaca;
            border-radius: r(30);
            font-size: r(25);
            text-align: center;
            box-sizing:border-box;
        }
        div:nth-of-type(1)>input{
            width: 100%;
            border: 0;
            outline: 0;
            font-size: r(36);
            border-bottom: 1px solid red;
            padding-bottom: r(30); 
        }
        div:nth-of-type(2)>div{
            position: absolute;
            right: r(10);
            bottom: r(30);
            font-size: r(28);
            color: #fec93c;
            width: r(190);
            height: r(58);
            line-height: r(58);
            text-align: center;
            border: 1px solid #fec93c;
            border-radius: r(30);
            box-sizing:border-box;
        }
        div:nth-of-type(2)>input,
        div:nth-of-type(3)>input,
        div:nth-of-type(4)>input{
            width: 100%;
            border: 0;
            outline: 0;
            font-size: r(36) !important;
            border-bottom: 1px solid #cfcfcf;
            padding-bottom: r(30); 
            padding-top: r(60); 
            padding-bottom: r(30); 
            padding-bottom: r(30); 
        }
    }   
    p{
        margin-top: r(30);
        font-size: r(28);
        span{
            color: #fec93c;
        }
    }
    button{
        display: block;
        margin:r(120) 0 r(26) 0;
        width: r(600);
        height: r(88);
        background: #fec93c;
        border: 0;
        border-radius: r(10);
        font-size: r(38);
        cursor: pointer;
    }   
    .right{
        float: right;
        font-size: r(32);
        color: #cacaca;
        span{
            cursor: pointer;
            a{
                color: #fec93c;                
            }
        }
    }
}
